<html>
<head>
<style type="text/css">
.editor {
background-color:#F2F3FC;

border-bottom-color:#88BB88;
border-bottom-style:solid;
border-bottom-width:1px;

border-left-color:#88BB88;
border-left-style:solid;
border-left-width:1px;

border-right-color:#88BB88;
border-right-style:solid;
border-right-width:1px;

border-top-color:#88BB88;
border-top-style:solid;
border-top-width:1px;

margin-bottom:0.5em;
margin-left:0.5em;
margin-right:0.5em;
margin-top:0.5em;

padding-bottom:0.5em;
padding-left:0.5em;
padding-right:0.5em;
padding-top:0.5em;


border-style:solid solid solid solid;

width:600px;
height:400px;
left:100px;
top:20px;
position:relative;
}

.slide_inside_editor {
background-color:#EEFFEE;
border-bottom-color:#00000F;
border-bottom-style:solid;
border-bottom-width:2px;

border-left-color:#88BB88;
border-left-style:solid;
border-left-width:1px;

border-right-color:#00000F;
border-right-style:solid;
border-right-width:2px;

border-top-color:#88BB88;
border-top-style:solid;
border-top-width:1px;
margin-bottom:0.5em;
margin-left:0.5em;
margin-right:0.5em;
margin-top:0.5em;
padding-bottom:0.5em;
padding-left:0.5em;
padding-right:0.5em;
padding-top:0.5em;
border-style:solid solid solid solid;
overflow:hidden;
width:85%;
height:75%;
top:15%;
left:5%;
position:absolute;
}

.editor_button{

border-width:1px;
background-color:#EEFFCC;
border-style:solid solid solid solid;
}


textarea{
width:100%;
height:100%;
border:0px;
padding-left:5px;
padding-top:10px;
}

</style>
<script type="text/javascript" src="../common/jquery/jquery.js"></script>
<script type="text/javascript" src="../common/jquery/jquery.ui-1.5.2/ui/ui.core.js"></script>
<script type="text/javascript" src="../common/jquery/jquery.ui-1.5.2/ui/ui.draggable.js"></script>
<script type="text/javascript" src="../common/jquery/jquery.ui-1.5.2/ui/ui.resizable.js"></script>
<script type="text/javascript" src="drag-resize.js"></script>
<script type="text/javascript" src="../common/wiky/wiky.js"></script>

</head>

<body>
<div id="My_Eduvid_Editor" class="editor"></div>
<textarea id="input"></textarea>
<button onclick="alert(Wiky.toHtml(document.getElementById('input').value));">
       toHtml
</button>
</div>
</body>
</html>
